<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel="icon" href="/images/favicon.ico" />
    <link rel='stylesheet' href='/css/common.css' />
    <link rel='stylesheet' href='/css/index.css' />
  </head>
  <body>
  <div class="container">
    <%- include includes/header %>
    <div class="content">
      <div class="left box-shadow">
        <div id="search-query" class="search-query">
          <i class="icon icon-search"></i>
          <input  type="text" placeholder="键入搜索交易平台或交易对" v-model="searchContent" @focus="focus()" @blur="blur()">
          <span v-if="nameNum + trPairNum" class="result">共有{{nameNum + trPairNum}}个结果，{{nameNum}}个币种，{{trPairNum}}个交易平台</span>
        </div>
        <ul class="tabs">
          <li class="id cur"><a href="javascript:void (0);"  @click="order('id')">默认排序</a></li>
          <li class="moRat"><a href="javascript:void (0);"  @click="order('moRat')">挖矿占比</a></li>
          <li class="divRat"><a href="javascript:void (0);"  @click="order('divRat')">持平台币分红</a></li>
          <!--<li class="last">-->
              <!--<select><option value ="类型">类型</option>-->
               <!--</select>-->
          <!--</li>-->
        </ul>
        <table class="table" >
          <thead>
          <tr>
            <th>序号</th>
            <th>名称</th>
            <th>交易对</th>
            <th>挖矿占比</th>
            <th>邀请返利</th>
            <th>持平台币分红</th>
            <th class="duration">挖矿上线 - 结束时间</th>
          </tr>
          </thead>
          <tbody v-if="filterData.length" >

              <tr v-for="item in filterData">
                <td class="num">{{item.curr_id}}</td>
                <td class="name">
                  <a :href="item.url"><img :src="item.logo"><span v-html="item.curr_name"></span></a>
                </td>
                <td class="tran-pair" ><span v-html="item.pair_trade"></span></td>
                <td class="mo-rat"><span>{{item.mining_ratio}}</span></td>
                <td class="inv-re"><span>{{item.rebate_ratio}}</span></td>
                <td class="div-rat"><span>{{item.dividend}}</span></td>
                <td class="duration">{{item.mining_start}}-{{item.mining_end}}</td>
              </tr>
              <tr >
                  <td class="loading hide" colspan="7">  正在加载... </td>
              </tr>
          </tbody>
          <tbody v-else>
              <tr>
                  <td colspan="7"> <p><br> /(ㄒoㄒ)/ ! 没有搜索到您要的数据 </p></td>
              </tr>
          </tbody>
        </table>


      </div>
      <div class="right">
          <div class="adv "></div>
          <div class="notice box-shadow">
            <p class="tit">平台公告</p>
            <ul>
              <li class="notice-item">
                <a href="">
                  <p class="notice-tit"><i class="ic ic-news"></i>搬币网 Q2 升级公告</p>
                  <p class="notice-desc">本次共升级 7 个功能模块，详细内容请阅读公告全文</p>
                </a>
              </li>
              <li class="notice-item">
                <a href="">
                  <p class="notice-tit"><i class="ic ic-notif"></i>关于 ETC 查询机制的调整</p>
                  <p class="notice-desc">由于 ETC 官方优化了交易机制，平台将进行机制调整，调整时间请见公告全文</p>
                </a>
              </li>
              <li class="notice-item">
                <a href="">
                  <p class="notice-tit"><i class="ic ic-raiders"></i>搬币网 Q1 升级公告</p>
                  <p class="notice-desc">本次共升级 3 个功能模块，详细内容请阅读公告全文</p>
                </a>
              </li>
            </ul>
            <p class="more"><a href="">全部公告 ></a></p>
          </div>
          <div class="weixin box-shadow">
            <img src="/images/qr.png" alt="">
            <p class="weixin-tit">Banbi 官方微信群</p>
            <p class="weixin-desc">入群获取第一手 Banbi 信息，请使用微信 App 扫一扫进行扫码</p>
          </div>
      </div>
    </div>
  </div>

  <script src="/js/jquery.min.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/index.js"></script>
  </body>
</html>